#editor {
  padding: 10px 0;
  min-height:100px;
  height: 140px;
  overflow-y: scroll;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-user-select: auto;
  img {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

[contenteditable=true]:empty:before {
  content: attr(placeholder);
  color: #a6a6a6;
}

page-taskdetail {
  button{
    padding:0;
    background:#fff;
  }
  .head_img{
    border:0;
    width:40px;
    height:40px;
    display:inline-block;
    border-radius:50%;
    vertical-align:middle;
  }
  .toolbar-title-ios{
    font-weight:normal;
  }
  .toolbar-background-ios{
    background:#fff;
  }
  .header-ios .toolbar-background-ios{
    border-bottom:1px solid #e2e2e2;
  }
  .scroll-content{
    padding:10px 0;
  }
  .detail_box{
    position:relative;
    padding:5px;
    margin:0 10px;
    font-size:1.5rem;
    border:1px solid #e2e2e2;
    border-radius:4px;
    box-shadow: 4px 4px 6px #c0bfbe;
  }
  .detail_box i{
    position:absolute;
    top:1px;
    right:1px;
    color:#fff;
    font-style:normal;
    display:inline-block;
    padding:5px 8px;
    color:#fff;
    font-size:0.8rem;
    border-radius:0 4px 0 0;
  }
  .cansel_state{
    background:#8e9093;
  }
  .complete_state{
    background:#3c763d;
  }
  .incomplete_state{
    background:#8a6d3b;
  }
  .receive_state{
    background:#337ab7;
  }
  .check_state{
    background:#a94442;
  }
  .detail_box div{
    margin-bottom:8px;
  }
  .detail_box div span{
    line-height:24px;
  }
  .handle_box{
    margin-top:30px;
    padding-bottom:70px;
  }
  ion-list{
    margin:0 10px!important;
  }
  .handle_box h4{
    background: #f8f1f1;
    padding: 10px;
    color: #5f5d5d;
    font-size: 1.7rem;
    margin:0;
  }
  .score_box{
    margin:5px 0;
  }
  ion-textarea{
    padding:0 16px;
    min-height:100px;
    border-radius:4px;
    overflow:hidden;
    margin-bottom:10px;
    border:1px solid #e2e2e2;
  }
  .list-ios {
    margin: -1px 0 22px;
  }
  .score_box ion-icon{
    color:#000000;
    margin-right:6px;
  }
  .taskscoring_box{
    padding:10px;
    border:1px solid #e2e2e2;
  }
  h5{
    font-size:1.3rem;
    margin:10px 0;
  }
  .zhuanshou_box,.timebox .item-inner{
    border-radius:4px;
    padding:0 16px;
    border:1px solid #e2e2e2!important;
  }
  .zhuanshou_box.item-block,.timebox.item-block{
    min-height:auto;
  }
  .zhuanshou_box .item-inner,.timebox .item-inner{
    padding:0 10px;
  }
  .operation_box{
    padding:20px 0 50px 0;
  }
  .score_box{
    font-size:1.3rem;
  }
  .score_box ion-icon{
    font-size:1.9rem;
  }
  .score_box .active{
    color:#f6a81f;
    margin-right:6px;
  }
  .toolbar-background-md{
    background:#fff;
  }
  .item-ios{
    padding:0;
    font-size:1.4rem;
  }
  .item-ios.item-block .item-inner{
    border-bottom:0;
  }
  .state_bar{
    background:#98f3e0;
  }
  .tasklog{
    border-bottom:1px solid #e2e2e2;
  }
  ion-content {
      .submit_box{
        width:100%;
        height:50px;
        position:fixed;
        bottom:-1px;
        background:#63b4d2;
        color:#fff;
        line-height:50px;
        text-align:center;
        z-index:999999;
        font-size:1.7rem;
        -webkit-overflow-scroll:touch;
      }
  }
  .footer{
    text-align:center;
  }
  .footer .toolbar-background{
    background:#63b4d2!important;
  }
  .footer .toolbar-title{
    color:#fff!important;
  }
  .toolbar .grid{
    padding:0;
    font-size:1.7rem;
  }
  .toolbar .grid .col{
    text-align:center;
    padding:0;
  }
  .toolbar .grid .warm_span button{
    margin:0;
    color:red;
    height:2.0em;
    font-size:1.7rem;
    text-align:right;
    padding:0 10px 0 0;
  }
}
